import React, { Component } from 'react'

export default class App extends Component {

  //声明状态变量
  state={
    num:5
  }

  //声明成员方法 --- 用于绑定点击事件
  //箭头函数 -- 不改变this的指向,即箭头函数定义在哪个对象中,this永远指向这个对象
  f1 = ()=>{
    console.log("f1 invoke!",this)
    this.setState({num:this.state.num-1})//undefined  btn对象 App对象!!!
  }

  render() {
    return (
     //Fragment:片段,用于创建一个空的HTML元素,不产生任何真正的输出
      <React.Fragment>
        <button onClick={this.f1}>-</button>
        <span>{this.state.num}</span>
        <button onClick={this.f1}>+</button>
      </React.Fragment>
    )
  }
}
